<template>
  <div class="page">
    <div class="title-box">
      <span class="title">{{title}}</span>
      <span class="link-btn" @click="goback">返回</span>
    </div>
    <DateSelect class="date-box" :dateScope="30" :dateList="dateList" @selectDate="selectDate($event,1)" :parentDate="date"/>
    <div class="table-box">
      <table v-if="type == 1" class="table" cellspacing="0" cellpadding="0">
        <tr class="th">
          <td class="td">日期</td>
          <td class="td">入住总人数</td>
          <td class="td">累计招募数</td>
          <td class="td">百间夜招募数</td>
          <td class="td">拉黑&删除人数</td>
          <td class="td">拉黑率</td>
          <td class="td">VIP客户数</td>
          <td class="td">总出租间夜数</td>
        </tr>
        <!-- <tr v-for="(item,index) in dataList" :key="index"> -->
        <tr v-for="(item,index) in 5" :key="index">
          <td>1</td>
          <td>1</td>
          <td>1</td>
          <td>1</td>
          <td>1</td>
          <td>1</td>
          <td>1</td>
          <td>1</td>
        </tr>
      </table>
      <table v-else class="table1" cellspacing="0" cellpadding="0">
        <tr class="th">
          <td class="td date-td">日期</td>
          <td class="td">任务总数量</td>
          <td class="td">已完成任务数量</td>
          <td class="td">已完成占比</td>
          <td class="td">未完成数量</td>
          <td class="td">未完成占比</td>
          <td class="td">操作</td>
        </tr>
        <tr v-for="(item,index) in tableList" :key="index">
          <td class="date-td">{{item.date}}</td>
          <td>{{item.countAll}}</td>
          <td>{{item.countFinish}}</td>
          <td>{{item.finishRate}}</td>
          <td>{{item.countUnFinish}}</td>
          <td>{{item.unFinishRate}}</td>
          <td><span class="link-btn" @click="showDialog(item)">查看</span></td>
        </tr>
      </table>
    </div>
    <div class="tip">*明细至多展示进{{type == 1?365:30}}天数据</div>

    <el-dialog title="每日情况" :visible.sync="dialogTableVisible" width="360px" custom-class="reportDetailsDialog">
      <table class="dialogTable" cellspacing="0" cellpadding="0">
        <tr class="th">
          <td class="td">日期</td>
          <td class="td">任务名称</td>
          <td class="td">是否完成</td>
          <td class="td">推送时间</td>
        </tr>
        <tr v-for="item,index in dialogList" :key="index">
          <td>{{item.createDate}}</td>
          <td>{{item.msgName}}</td>
          <td>{{item.status}}</td>
          <td>{{item.sendDate}}</td>
        </tr>
      </table>
    </el-dialog>
  </div>
</template>

<script>
import DateSelect from './components/dateSelect.vue'

export default {
  data() {
    return {
      title: '百间夜招募进度明细报表',
      type: 1,    //1:招募  2:任务
      date: [],
      dateList: [
        {name: '自定义',value: 0},
        {name: '昨天',value: 1},
        {name: '本周',value: 2},
        {name: '本月',value: 3},
      ],
      dialogTableVisible: false,
      dialogList:[],
      tableList: [],
    }
  },
  components: {
    DateSelect
  },
  created() {
    this.title = this.$route.query.title == 1?'百间夜招募进度明细报表':'企微任务执行情况明细报表'
    this.type = this.$route.query.title
    this.date = [this.$route.query.date1,this.$route.query.date2]
    if(this.type == 1) {
      console.log(1)
    }else {
      this.detailReportDetail()
    }
  },
  methods: {
    detailReportDetail() {
      let res = {
        "list": [
            {
                "date": "2022-01-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-05",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-06",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-09",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-11",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-20",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-21",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-24",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-25",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-26",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-27",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-28",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-29",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-30",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-01-31",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-05",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-06",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-09",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-11",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-20",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-21",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-24",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-25",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-26",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-27",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-02-28",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-05",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-06",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-09",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-11",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-20",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-21",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-24",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-25",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-26",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-27",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-28",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-29",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-30",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-03-31",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-05",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-06",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-09",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-11",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-20",
                "countAll": 3,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 3,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-04-21",
                "countAll": 2,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 2,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-04-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-24",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-25",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-26",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-04-27",
                "countAll": 4,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 4,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-04-28",
                "countAll": 8,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 8,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-04-29",
                "countAll": 2,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 2,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-04-30",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-05",
                "countAll": 2,
                "countFinish": 1,
                "finishRate": "50.00%",
                "countUnFinish": 1,
                "unFinishRate": "50.00%"
            },
            {
                "date": "2022-05-06",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-05-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-09",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-05-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-11",
                "countAll": 2,
                "countFinish": 1,
                "finishRate": "50.00%",
                "countUnFinish": 1,
                "unFinishRate": "50.00%"
            },
            {
                "date": "2022-05-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-20",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-21",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-24",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-25",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-26",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-27",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-28",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-29",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-30",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-05-31",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-01",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-03",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-04",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-05",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-06",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-08",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-09",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-10",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-11",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-12",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-13",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-14",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-15",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-16",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-17",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-18",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-19",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-20",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-21",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-22",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-23",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-06-24",
                "countAll": 1,
                "countFinish": 1,
                "finishRate": "100.00%",
                "countUnFinish": 0,
                "unFinishRate": "0.00%"
            },
            {
                "date": "2022-06-25",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-06-26",
                "countAll": 2,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 2,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-06-27",
                "countAll": 2,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 2,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-06-28",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-06-29",
                "countAll": 2,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 2,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-06-30",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-01",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-02",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            },
            {
                "date": "2022-07-03",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-04",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-05",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-06",
                "countAll": 1,
                "countFinish": 0,
                "finishRate": "0.00%",
                "countUnFinish": 1,
                "unFinishRate": "100.00%"
            },
            {
                "date": "2022-07-07",
                "countAll": 0,
                "countFinish": 0,
                "finishRate": "100%",
                "countUnFinish": 0,
                "unFinishRate": "0%"
            }
        ]
    }
      if(res) {
        this.tableList = res.list
      }
    },
    showDialog() {
      this.dialogList = []
      this.dialogTableVisible = true
      let res = {
        "list": [
            {
                "sendDate": "19:54:16",
                "msgName": "住前关怀",
                "createDate": "2022-05-11",
                "status": "是"
            },
            {
                "sendDate": "/",
                "msgName": "离店提醒",
                "createDate": "2022-05-11",
                "status": "否"
            }
        ]
    }
      if(res) {
        this.dialogList = res.list
      }
    },
    goback() {
      this.$router.back()
    },
    selectDate(date,num) {
      console.log(date,num)
      if(num == 1) {
        //百间夜招募进度报表
      }else {
        //企微任务执行情况报表
        this.detailReportDetail()
      }
    }
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-dialog__body {
    padding: 0px 20px 30px;
}
.page{
  padding: 0px 18px;
  min-width: 375px;
  box-sizing: border-box;
  /deep/ .reportDetailsDialog{
    background: #F0F4F5;
    border-radius: 3px;
    .dialogTable{
      width: 100%;
      .th{
        height: 34px;
        background: #F7F9FA;
        td{
          padding: 0;
        }
      }
      tr{
        background: #FFFFFF;
        td{
          min-height: 50px;
          padding: 9px 8px;
          box-sizing: border-box;
        }
      }
      td{
        width: 60px;
        border:solid #E8E8E8; 
        border-width: 0 1px 1px 0;
        text-align: center;
      }
      
    }
  }
  .link-btn{
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #0F9AF2;
    line-height: 16px;
  }
  .title-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 11px 0;
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 10;
    height: 19px;
    .title{
      font-size: 14px;
      font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
      font-weight: bold;
      color: #1B1F26;
      line-height: 19px;
    }
  }
  .date-box{
    padding-bottom: 10px;
    position: sticky;
    top: 45px;
    background-color: #fff;
    z-index: 10;
    height: 36px;
  }
  .table-box{
    width: 100%;
    overflow:scroll;
  }
  .table,.table1{
    width: 100%;
    margin-bottom: 10px;
    border:solid #E6E5E8; 
    border-width:1px;
    tr{
      width: 100%;
      height: 40px;
      display: flex;
    }
    td{
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #333333;
      text-align: center;
      border:solid #E8E8E8; 
      border-width: 0 1px 1px 0;
      box-sizing: border-box;
      padding: 0 3px;
      &:last-child{
        border-right: none;
      }
    }
    .th{
      background-color: #F0F4F5;
      height: 44px;
      position: sticky;
      top: 0;
      display: flex;
      .td{
        flex: 1;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        color: #666666;
        line-height: 16px;
      }
    }
  }
  .table1{
    min-width: 420px;
  }
  .tip{
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #666666;
    line-height: 16px;
    margin-top: 10px;
  }
}
</style>